<template>
  <div class="patent">
    <div class="title">
      <p>申请专利</p>
    </div>
    <div class="title2">
      <p style="margin-left: 150px;margin-bottom: 10px;">申请与授权专利目录（申请专利90余件，授权70件）</p>
      <p style="margin-bottom: 10px;">授权专利72件（其中国家发明专利49件，美国专利2件，实用新型专利21件）</p>
      <p style="margin-left: 150px;margin-bottom: 10px;">专利成果转让企业生产实施9件，转让总金额1290万元</p>
    </div>
    <div class="content">
      <p style="text-decoration: underline rgb(68, 114, 196) 3px;">授权专利：</p>
      <p v-for="(item, index) in authorize" :key="index">{{ index+1 }}.{{ item.content }}</p>
      <p style="text-decoration: underline rgb(68, 114, 196) 3px;">申请专利：</p>
      <p v-for="(item, index) in noauthorize" :key="index">{{ index+1 }}.{{ item.content }}</p>
    </div>
  </div>
</template>

<script>
import { getPatentAuth, getPatentNoAuth } from '@/api/publicSearch';
export default {
  name: 'patentView',
  data(){
    return{
      //授权专利
      authorize: [],
      //申请专利
      noauthorize: [],
    }
  },
  mounted(){
    getPatentAuth().then((res)=>{
      this.authorize = res.data.data;
    }),
    getPatentNoAuth().then((res)=>{
      this.noauthorize = res.data.data;
    })
  },
};
</script>

<style scoped lang="scss">
@import "../css/character.scss";
@import "../css/common.scss";
.patent {
  width: 98%;
  .title {
    font-family: #{$about_page_font_family};
    font-size: #{$about_page_font_size}px;
    text-align: left;
    font-size: #{$first_font_size};
    font-weight: #{$first_font_weight};
    margin-top: #{$first_titile_top}px;
    margin-left: #{$first_titile_left}px;
    margin-bottom: #{$first_titile_bottom}px;
    color: rgb(89, 89, 89);
    text-decoration: underline rgb(68, 114, 196) 3px;
  }

  .title2 {
    font-family: #{$about_page_font_family};
    font-size: #{$about_page_font_size}px;
    text-align: left;
    font-size: #{$first_font_size};
    font-weight: #{$first_font_weight};
    margin-top: #{$first_titile_top}px;
    margin-left: 20%;
    margin-bottom: #{$first_titile_bottom}px;
    color: rgb(89, 89, 89);
  }
  .content {
    text-align: left;
    // 开头间隔
    text-indent: 20px;
    font-size: #{$second_font_size};
    font-weight: #{$second_font_weight};
    margin-top: #{$first_titile_top}px;
    margin-left: #{$second_titile_left}px;
    margin-bottom: #{$second_titile_bottom}px;
    line-height: #{$about_page_prg}px;
    // p{
    //     margin-bottom: 20px;
    // }
  }
}
</style>

